<template>
	<transition name="fade">
		<div class="pop-container" v-if="popshow"
		@click="">
			<div class="pop"
			:style="{width: popstyle.width, height:popstyle.height}">
				<slot></slot>
			</div>
		</div>
	</transition>
</template>
<script>
	export default{
		name:'pop',
		data(){
			return {

			}
		},
		props:['popshow','popstyle']
	}
</script>
<style lang='less' scoped>
	.pop-container{
		position: fixed;
	    width: 100%;
	    height: 100%;
	    left: 0;
	    top: 0;
	    background: rgba(0, 0, 0, 0.2);
	    z-index: 100;
	    padding: .1px;
	    /*display:flex;*/
	    .pop{
	    	margin: 20% auto;
	    	min-height: 50px;
	    	transform: translate3d(0, 50%, 0);
	    }
	}
</style>